<template>
  <div class="table-box">
    <el-table :data="Data.list" style="font-size: 10px">
      <el-table-column type="selection" width="45" align="center">
      </el-table-column>
      <el-table-column prop="username" label="用户名"> </el-table-column>
      <el-table-column prop="username" label="认证类型"> </el-table-column>
      <el-table-column prop="username" label="认证时间"> </el-table-column>
      <el-table-column prop="username" label="状态"> </el-table-column>
      <el-table-column fixed="right" label="操作" align="center" width="140">
        <template #default="{ row, $index: index }">
          <el-button link type="primary" size="small" @click="removeBlackList(row, index)">移除黑名单</el-button>
        </template>
      </el-table-column>
    </el-table>

    <GlobalPagination></GlobalPagination>

  </div>
</template>


<script setup>
import API from "@/api";
import GlobalPagination from "@/components/GlobalPagination/index.vue";
import { onBeforeMount, reactive } from "vue";
const Data = reactive({
  page: null,
  pages: null,
  limit: null,
  list: [],
});
onBeforeMount(() => {
  API.Manage.RealList()
    .then((res) => {
      console.log(res);
      let { data } = res;
      let { list } = data;
      Data.list.push(...list);
    })
    .catch((err) => {
      console.log(err);
    });
});
</script>
<style>
.table-box {
  padding: 15px;
  background: white;
}
.table-options {
  justify-content: space-around;
}
</style>